@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
  .rich-text {
    white-space: pre-wrap;
    line-height: 40px;

    & p {
      margin-bottom: 32px;
    }

    & p:first-child {
      margin-top: 0;
    }

    & p:last-child {
      margin-bottom: 0; /* 最后一个 p 标签下边距为 0 */
    }

    & img {
      width: 100%;
      margin-top: 42px;
    }

    /* first-of-type：防止 img 不是直接子元素，（例如被包裹在 <div> 中） */
    & img:first-of-type {
      margin-top: 0; /* 第一张 img 标签上边距为 0 */
    }
  }

  /* Chrome, Safari and Opera */
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }

  /* IE, Edge and Firefox */
  .no-scrollbar {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
}
